.box .title {
  background-color: #4ccde0;
  color: #ffffff;
  position: relative;
  height: 0.6rem;
  font-size: 0.16rem;
}
.box .title .iconfont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
  font-size: 0.3rem;
}
.box .title .search {
  font-size: 0.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box .title .more {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.box .title .more span {
  display: block;
  height: 2px;
  width: 0.3rem;
  background-color: #fff;
  margin-bottom: 0.1rem;
}
.box .title .more span:nth-of-type(3) {
  margin-bottom: 0rem;
}
.box .date {
  background-color: #f2f2f2;
  color: #999999;
  padding: 0.1rem;
}
.box .content-box {
  color: #999999;
  padding-left: 0.15rem;
  font-size: 0.16rem;
}
.box .content-box .content-item {
  border-bottom: 1px solid #999999;
  padding: 0.15rem 0;
  display: flex;
  align-items: center;
}
.box .content-box .content-item .titles {
  flex: 1;
}
.box .content-box .content-item .content {
  color: #666666;
  flex: 3;
}
